<{extend name="./content" /}>

<{block name="head"}>
<title>{{:config('web.web_name')}}-主页</title>
<{/block}>

<{block name="css"}>
<link rel="stylesheet" href="/static/css/index.css">
<link rel="stylesheet" href="/static/css/swiper.min.css">
<{/block}>

<{block name="body"}>
<div class="index">
    <div id="banner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">Slide 1</div>
                <div class="swiper-slide">Slide 2</div>
                <div class="swiper-slide">Slide 3</div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <div class="model">
        <ul class="list">
            <li class="item"><a href="/index.php/index/room/index/single">孤身观看</a></li>
            <li class="item"><a href="/index.php/index/room/index/online">创建房间</a></li>
            <li class="item"><a href="/index.php/index/room/join/0">随机加入</a></li>
        </ul>
    </div>
</div>

<{/block}>

<{block name="js"}>
<script src="/static/js/swiper.min.js"></script>
<script src="/static/js/vue@2.6.11"></script>
<script src="/static/js/index.js"></script>
<{/block}>